<#assign base = request.contextPath />
<html lang="zh">
<head>
<meta charset="UTF-8">
<base id="base" href="${base}">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>场馆管理员登录</title>
<link rel="stylesheet" type="text/css" href="${base}/css/longin.css">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<style>

		.error{
			color: red;
			font-size: 14px;
			margin-top:10px;
		}

	</style>
</head>

<body>
<!-- 代码 开始 -->
<div class="wrapper">
	<div class="container">
		<h1 id="title">欢迎登陆</h1>
		<span class="error">${error}</span>
		<form class="form"  action="/venue/login">
			<input name="userName" type="text" placeholder="用户名">
			<input name="password" type="password" placeholder="密码">
			<div><button type="submit" id="login-button">登陆</button></div>
			<div><span>or</span></div>
			<a href="/venue/register"><button style="background: black;color: white;margin-top: 5px" type="button" >注册</button></a>
		</form>

	</div>
	
	<ul class="bg-bubbles">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</div>


<script>
	$(function(){
        $(".error").fadeToggle(2000);
        $('#login-button').click(function (event) {
            event.preventDefault();
            $('form').fadeOut(500);
            setTimeout(function(){
                $("form").submit();
            },1000);
            $('.wrapper').addClass('form-success');
            $("#title").html("登录中...");
        });
	})();


</script>

</body>
</html>